<template>
  <div>
    <!-- 面包屑导航 -->
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/' }">设置</el-breadcrumb-item>
      <el-breadcrumb-item>平台信息</el-breadcrumb-item>
    </el-breadcrumb>
    <el-card>
      <div slot="header">
        <span>平台信息设置</span>
      </div>
      <!-- 设置表单 -->
      <el-form :model="PatForm" :label-position="labelPosition" label-width="460px">
        <el-form-item label="平台名称:">
          <el-input style="width: 250px" v-model="PatForm.name"></el-input>
        </el-form-item>

        <el-form-item label="平台标题:">
          <el-input style="width: 250px" v-model="PatForm.title"></el-input>
        </el-form-item>

        <el-form-item label="平台描述:">
          <el-input style="width: 250px" v-model="PatForm.description"></el-input>
        </el-form-item>

        <el-form-item label="关键词:">
          <el-input style="width: 250px" v-model="PatForm.essential"></el-input>
        </el-form-item>

        <el-form-item label="平台logo:">
          <el-upload
            class="upload-demo"
            drag
            action="https://jsonplaceholder.typicode.com/posts/"
            multiple
          >
            <span>选择上传文件 <img src="C:\Users\Administrator\Desktop\u=2468451771,3018775330&fm=26&gp=0.jpg"></span>
            <div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过50kb</div>
          </el-upload>
        </el-form-item>

        <el-form-item label="客服热线:">
          <el-input style="width: 250px" v-model="PatForm.phone"></el-input>
        </el-form-item>

        <el-form-item label="客服邮箱:">
          <el-input style="width: 250px" v-model="PatForm.email"></el-input>
        </el-form-item>

        <el-form-item label="排序">
          <el-input
            style="width: 250px"
            type="textarea"
            :autosize="{minRows:2,maxRows:4}"
            v-model="PatForm.name"
            placeholder="请输入内容"
          ></el-input>
        </el-form-item>
      </el-form>
    </el-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      labelPosition: "right",
      PatForm: {},
    };
  },
  methods: {},
};
</script>

<style>
.el-upload-dragger{
width: 200px;
height: 40px;
}

</style>